<template functional>
  <a-sub-menu
    :popupClassName="props.popupClassName"
    :disabled="props.disabled"
    :title="props.title"
  >
    <slot />
    <template v-slot:title>
      <slot name="title" />
    </template>
  </a-sub-menu>
</template>

<script>
export default {
  name: 'DSubMenu',
  props: {
    popupClassName: {
      type: String
    },
    disabled: {
      type: Boolean,
      default: false
    },
    title: {
      type: String
    }
  }
};
</script>

<style lang="scss" scoped></style>
